<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/vue/2.6.8/vue.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <style>
        .el-a-style{
            text-decoration:none;
            font-size:14px;
            color:#8b8f94;
        }
        .el-show-interviewInfo{
            margin-left:500px;
            margin-top:80px;
            width:500px;
            height:500px;
            box-shadow: 0 2px 4px 0 rgba(62,68,76,.1);
            border-radius:6px;
            background:#fff;
        }
        .el-text-info{
            font-size:14px;
            color:#8b8f94;
        }
    </style>
</head>
<body>
<div id="app">
    <div style="width:100%;height:40px;">
        <div style="padding-top:10px;">
            <span style="font-size:24px;margin-left:30px;">{{name}}</span>
            <span style="margin-left:1100px;"><a href="javascript:void(0);" class="el-a-style">设备检测</a></span>
            <span style="margin-left:30px;"><a href="javascript:void(0);" class="el-a-style">帮助中心</a></span>
        </div>
    </div>
    <el-divider></el-divider>
    <div>
        <div class="el-show-interviewInfo">
            <div><img src="/img/mid-top.png" alt="" width="80px" height="80px"></div>
            <div style="font-size:18px;color:#2b313a;margin-left:160px;padding-top:20px;">
                面试已结束,谢谢参与
            </div>
            <div style="width:300px;height:1px;background-color:#f6f6f6;margin-left:100px;margin-top:20px;"></div>
            <div style="margin-top:30px;">
                <div>
                    <p class="el-text-info" style="margin-left:210px;">候选人名称</p>
                    <p style="margin-left:190px;margin-top:-10px;">{{interviewInfo.interview_candidate_name}}</p>
                </div>
                <div style="margin-top:20px;">
                    <p class="el-text-info" style="margin-left:190px;">面试时间（北京时间）</p>
                    <p style="margin-left:190px;margin-top:-10px;">{{interviewInfo.interview_begin_time}}</p>
                </div>
                <div style="margin-top:20px;">
                    <p class="el-text-info" style="margin-left:210px;">公司名称</p>
                    <p style="margin-left:210px;margin-top:-10px;">{{interviewInfo.interview_company_name}}</p>
                </div>
                <div style="margin-top:20px;">
                    <p class="el-text-info" style="margin-left:210px;">面试职位</p>
                    <p style="margin-left:200px;margin-top:-10px;">{{interviewInfo.interview_candidate_position}}</p>
                </div>
            </div>
        </div>
        <div style="margin-top:30px;margin-left:650px;">
            <el-button type="primary" plain size="small" style="width:200px;" @click="home">返回首页</el-button>
        </div>
    </div>
</div>
</body>
<script>
    new Vue({
        el: '#app',
        data:{
            name: 'CCLUB 视频面试',
            interviewInfo:{}
        },
        created(){
            this.getInterviewInfo();
        },
        methods:{
            async getInterviewInfo(){
                let location=window.location.href.split("/");
                let interview_id=location[location.length-1];
                let result=await axios.get('/getOneInterviewInfo?interview_code='+interview_id);
                this.interviewInfo=result.data;
            },
            home(){
                window.location.href="/ming"
            }
        }
    })
</script>
</html>